light mode
night mode
ডট নেট কোর (Dot.Net Core)
Dot.Net Core পরিচিতি (Introduction to Dot.Net Core) Dot.Net Core কী এবং কেন ব্যবহার করা হয়? Dot.Net Framework বনাম Dot.Net Core Dot.Net Core আর্কিটেকচার এবং সুবিধা Cross-platform Support এবং Open-source পরিচিতি Dot.Net Core সেটআপ এবং কনফিগারেশন (Setting Up Dot.Net Core) Dot.Net SDK এবং Visual Studio ইনস্টলেশন প্রথম Console Application তৈরি করা CLI (Command Line Interface) ব্যবহার Visual Studio Code ব্যবহার করে ডেভেলপমেন্ট ASP.Net Core পরিচিতি (Introduction to ASP.Net Core) ASP.Net Core কী? MVC আর্কিটেকচার (Model-View-Controller) বোঝা ASP.Net Core এবং Traditional ASP.Net এর মধ্যে পার্থক্য Web API এবং Razor Pages পরিচিতি ASP.Net Core অ্যাপ্লিকেশন তৈরি (Creating an ASP.Net Core Application) ASP.Net Core প্রজেক্ট স্ট্রাকচার Controller, View, এবং Model তৈরি করা ASP.Net Core Routing এবং Middleware Dependency Injection ব্যবহার রাউটিং এবং Middleware (Routing and Middleware) ASP.Net Core এ Routing কনফিগার করা Attribute Routing Middleware কী এবং কীভাবে কাজ করে? Custom Middleware তৈরি কন্ট্রোলার এবং একশন (Controllers and Actions) Controllers এর ভূমিকা Action Methods এবং Return Types JSON রেসপন্স এবং API কন্ট্রোলার Dependency Injection ব্যবহার করে Services Inject করা ভিউ এবং Razor Pages (Views and Razor Pages) Razor View Engine এর পরিচিতি Layouts এবং Partial Views Razor Syntax এবং Helper Methods Strongly Typed Views এবং Model Binding ডেটা অ্যাক্সেস (Data Access) Entity Framework Core পরিচিতি DbContext এবং Database Migrations LINQ এবং Query Writing CRUD অপারেশন (Create, Read, Update, Delete) ফর্ম এবং ডেটা ভ্যালিডেশন (Forms and Data Validation) ফর্ম তৈরি করা এবং ডেটা সাবমিট করা Model Binding এবং Validation Attributes Custom Validation এবং Client-Side Validation Anti-forgery Tokens এবং Security Web API এবং RESTful Services Web API কী এবং কেন প্রয়োজন? API Controller তৈরি করা HTTP Methods (GET, POST, PUT, DELETE) JSON রেসপন্স এবং API Versioning Authentication এবং Authorization ASP.Net Core Identity ব্যবহার Role-based এবং Policy-based Authorization JWT (JSON Web Token) Authentication OAuth এবং OpenID Connect Integration ASP.Net Core Configuration এবং Options Pattern AppSettings.json ফাইল ব্যবহার IConfiguration Interface এবং Options Pattern Environment-based Configuration Secrets Management Logging এবং Monitoring (Logging and Monitoring) ASP.Net Core Logging পরিচিতি NLog, Serilog ইত্যাদি Logging Framework ব্যবহার Application Monitoring এবং Health Checks ELMAH এবং Application Insights Testing ASP.Net Core Applications Unit Testing এবং Integration Testing Xunit এবং NUnit পরিচিতি Mocking Framework (Moq) দিয়ে টেস্টিং করা Automated Testing এবং CI/CD Integration API Documentation এবং Swagger Integration API Documentation কেন প্রয়োজন? Swagger এবং Swashbuckle ইনস্টল করা API Endpoints Documentation তৈরি Postman দিয়ে API Testing বুন্ডলিং এবং মিনিফিকেশন (Bundling and Minification) CSS এবং JavaScript বুন্ডলিং করা Webpack এবং Gulp পরিচিতি পারফরম্যান্স অপটিমাইজেশনের জন্য মিনিফিকেশন ডেপ্লয়মেন্ট এবং হোস্টিং (Deployment and Hosting) IIS এ ASP.Net Core অ্যাপ্লিকেশন ডেপ্লয় করা Docker ব্যবহার করে কনটেইনারাইজেশন Azure এবং AWS এ ডেপ্লয়মেন্ট Continuous Integration এবং Continuous Deployment (CI/CD) Cross-Origin Resource Sharing (CORS) CORS কী এবং কেন প্রয়োজন? CORS কনফিগার করা API Security এবং Cross-Domain Requests SignalR দিয়ে রিয়েল-টাইম অ্যাপ্লিকেশন তৈরি SignalR পরিচিতি রিয়েল-টাইম চ্যাট অ্যাপ্লিকেশন তৈরি WebSockets এবং Long Polling Authentication এবং Authorization সহ SignalR ASP.Net Core Security Best Practices XSS (Cross-Site Scripting) এবং CSRF (Cross-Site Request Forgery) প্রতিরোধ Authentication এবং Authorization এর বেস্ট প্র্যাকটিস HTTPS এবং SSL/TLS কনফিগারেশন Data Encryption এবং Secure Communication Microservices Architecture এবং Dot.Net Core Microservices আর্কিটেকচারের ভূমিকা Dot.Net Core এ Microservices তৈরি করা Docker এবং Kubernetes দিয়ে Microservices ডেপ্লয় API Gateway এবং Service Discovery ASP.Net Core WebSockets এবং গ্লোবালাইজেশন (Localization and Globalization) WebSockets পরিচিতি এবং ব্যবহার Localization এবং Globalization কনফিগার করা ASP.Net Core এ Multiple Language Support SignalR এবং রিয়েল-টাইম অ্যাপ্লিকেশন SignalR কী? SignalR ব্যবহার করে রিয়েল-টাইম ডেটা আপডেট Blazor এবং Single Page Applications (SPA) Blazor পরিচিতি Blazor Server এবং Blazor WebAssembly এর পার্থক্য SPA তৈরির জন্য ASP.Net Core ব্যবহার API Integration এবং Component-based Architecture ASP.Net Core Performance Optimization Response Caching এবং Distributed Caching Data Compression এবং Minification Techniques Application Profiling এবং Performance Testing Async Programming এবং Scalability Techniques

CSS এবং JavaScript বুন্ডলিং করা

Microsoft Technologies - ডট নেট কোর (Dot.Net Core) বুন্ডলিং এবং মিনিফিকেশন (Bundling and Minification) |
181
181

বুন্ডলিং (Bundling) হল একাধিক CSS এবং JavaScript ফাইলকে একটি একক ফাইলে সংযুক্ত করার প্রক্রিয়া। এই প্রক্রিয়াটি মূলত ওয়েব অ্যাপ্লিকেশনের পারফরম্যান্স উন্নত করার জন্য ব্যবহৃত হয়, কারণ এটি ব্রাউজারে ফাইল লোডের সংখ্যা কমিয়ে দেয় এবং পেজ লোডের সময় গতি বাড়ায়।

ASP.Net Core তে বুন্ডলিং একটি সাধারণ প্রক্রিয়া, এবং এটি মূলত Bundle নামক ক্লাস এবং Minification টেকনিকের মাধ্যমে করা হয়। এই টেকনিকের মাধ্যমে একাধিক ফাইলকে একটি একক ফাইলে পরিণত করা হয় এবং সেই সাথে ফাইলের আকার ছোট করা হয় (Minification), যাতে সাইটের পারফরম্যান্স বৃদ্ধি পায়।

ASP.Net Core তে CSS এবং JavaScript বুন্ডলিং কনফিগারেশন

ASP.Net Core তে bunde এবং minification কাজ করার জন্য Microsoft.AspNetCore.SpaServices.Extensions প্যাকেজটি ব্যবহার করা হয়। এই প্যাকেজটি আপনাকে CSS এবং JavaScript ফাইলগুলো বুন্ডল এবং মিনিফাই করতে সাহায্য করবে।

১. NuGet প্যাকেজ ইনস্টল করা

প্রথমে, Microsoft.AspNetCore.SpaServices.Extensions প্যাকেজটি ইনস্টল করতে হবে। এটি একটি ASP.Net Core প্রজেক্টে স্পা (Single Page Application) ডেভেলপমেন্ট ও কনফিগারেশন সুবিধা দেয়।

Install-Package Microsoft.AspNetCore.SpaServices.Extensions

২. Startup.cs ফাইলে বুন্ডলিং কনফিগারেশন করা

Startup.cs ফাইলে ConfigureServices মেথডে বুন্ডলিং এবং মিনিফিকেশন কনফিগার করা হয়।

public void ConfigureServices(IServiceCollection services)
{
    services.AddControllersWithViews();

    services.AddSpaStaticFiles(configuration =>
    {
        configuration.RootPath = "wwwroot";
    });
}

৩. Configure মেথডে বুন্ডলিং কনফিগারেশন

এখন Configure মেথডে CSS এবং JavaScript ফাইলের জন্য বুন্ডলিং কনফিগারেশন যোগ করা যেতে পারে।

public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
    if (env.IsDevelopment())
    {
        app.UseDeveloperExceptionPage();
    }
    else
    {
        app.UseExceptionHandler("/Home/Error");
        app.UseHsts();
    }

    app.UseStaticFiles();
    
    // Static Files for SPA
    app.UseSpaStaticFiles();

    app.UseRouting();

    app.UseEndpoints(endpoints =>
    {
        endpoints.MapControllerRoute(
            name: "default",
            pattern: "{controller=Home}/{action=Index}/{id?}");
    });
}

WebOptimizer ব্যবহার করে CSS এবং JavaScript বুন্ডলিং

ASP.Net Core তে WebOptimizer প্যাকেজটি ব্যবহারের মাধ্যমে সহজেই CSS এবং JavaScript ফাইলগুলো বুন্ডল এবং মিনিফাই করা যায়।

১. NuGet প্যাকেজ ইনস্টল করা

Install-Package WebOptimizer.Core

২. Startup.cs ফাইলে WebOptimizer কনফিগারেশন করা

ConfigureServices মেথডে AddWebOptimizer মেথড ব্যবহার করে WebOptimizer কনফিগারেশন করতে হবে।

public void ConfigureServices(IServiceCollection services)
{
    services.AddWebOptimizer(options =>
    {
        options.AddCssBundle("/css/bundle.css", "wwwroot/css/*.css");
        options.AddJsBundle("/js/bundle.js", "wwwroot/js/*.js");
    });
}

৩. Configure মেথডে কনফিগারেশন করা

এখন Configure মেথডে WebOptimizer প্যাকেজটি যুক্ত করতে হবে।

public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
    app.UseWebOptimizer();

    app.UseStaticFiles();
    app.UseRouting();

    app.UseEndpoints(endpoints =>
    {
        endpoints.MapControllerRoute(
            name: "default",
            pattern: "{controller=Home}/{action=Index}/{id?}");
    });
}

এই কনফিগারেশনগুলোর মাধ্যমে, সব CSS এবং JavaScript ফাইলগুলো বুন্ডল এবং মিনিফাই হয়ে যাবে।

বুন্ডলিং এবং মিনিফিকেশন এর সুবিধা

  1. লোড টাইম কমানো: একাধিক ফাইলের পরিবর্তে একটি একক ফাইল লোড হলে, সার্ভার থেকে ফাইল ডাউনলোড করার সময় কমে যায়।
  2. নেটওয়ার্ক ব্যান্ডউইথ কমানো: একাধিক ছোট ফাইলের বদলে বড় ফাইল ব্যবহারে নেটওয়ার্ক ব্যান্ডউইথ কম ব্যবহৃত হয়।
  3. সার্ভারের রিসোর্স অপটিমাইজেশন: একাধিক HTTP রিকোয়েস্ট কমানোর মাধ্যমে সার্ভারের লোড কমে যায়।

সারাংশ

CSS এবং JavaScript বুন্ডলিং একটি গুরুত্বপূর্ণ অপটিমাইজেশন প্রক্রিয়া, যা ASP.Net Core অ্যাপ্লিকেশনগুলোর পারফরম্যান্স বৃদ্ধি করতে সহায়তা করে। এটি সার্ভার এবং ক্লায়েন্টের মধ্যে কম ফাইল ট্রান্সফার করে, লোড টাইম কমাতে এবং নেটওয়ার্ক ব্যান্ডউইথ অপটিমাইজ করতে সহায়তা করে। WebOptimizer প্যাকেজটি ASP.Net Core অ্যাপ্লিকেশনে সহজেই বুন্ডলিং এবং মিনিফিকেশন সুবিধা প্রদান করে।

common.content_added_by
Md Azizur Rahman

common.read_more

Webpack এবং Gulp পরিচিতি পারফরম্যান্স অপটিমাইজেশনের জন্য মিনিফিকেশন
টপ রেটেড অ্যাপ

স্যাট অ্যাকাডেমী অ্যাপ

আমাদের অল-ইন-ওয়ান মোবাইল অ্যাপের মাধ্যমে সীমাহীন শেখার সুযোগ উপভোগ করুন।

ভিডিও
লাইভ ক্লাস
এক্সাম
ডাউনলোড করুন

common.or

auth.dont_have_account auth.register

Promotion